<template>
    <div class="tablebox">
        <el-table
                :data="tableData"
                stripe
                style="width: 100%">
                <!-- <el-table-column
                    v-for="(item,index) in tabletitleData"
                    :key="index"
                    :prop="item.title"
                    :label="item.name"
                > -->
                <el-table-column align="center" prop="periods" label="开奖期数" show-overflow-tooltip>
                </el-table-column>
                <el-table-column align="center" prop="open_code" label="开奖号码" show-overflow-tooltip>
                </el-table-column>
                <el-table-column align="center" prop="is_right" label="结果" show-overflow-tooltip>
                <template slot-scope="scope">
                        <span v-if="scope.row.is_right == '√'" style="color:#ff251a">{{scope.row.is_right}}</span>
                        <span v-if="scope.row.is_right == '×'" style="color:#00d21f">{{scope.row.is_right}}</span>
                 </template>
                </el-table-column>
        </el-table>
    </div>
</template>
<script>
export default {
    data(){
        return{}
    },
    props: {
        tabletitleData:{
            type:Array
        },
        tableData:{
            type:Array
        }
    },
    computed:{
        litteryid(){
          return this.$store.state.lottery_id
        }
    },
    mounted(){
    }
}
</script>
<style scoped>
</style>
<style>
.el-table--border td, .el-table--border th, .el-table__body-wrapper .el-table--border.is-scrolling-left~.el-table__fixed{
    border-right:0.01rem solid #dddddd;
}
.el-table--border{
    overflow-y: auto;
}
.cell{
    font-size:0.11rem;
    text-align: center;
    line-height: 0.34rem !important;
    color:#333333;
}

.tablebox .el-table th{
    border-right: 1px solid #ebeef5;
    border-bottom: 1px solid #ebeef5;

}
.el-table td, .el-table th{
    padding:0;
}
.el-table--border th, .el-table__fixed-right-patch{
    background:#F5F5F5;
}
.el-table .cell {
  white-space: pre-line !important;
}
</style>





